import {Link , useNavigate} from 'react-router-dom'
const Login = () => {
    // 使用钩子函数 useNavigate
    const navigate = useNavigate()
    return (
        <div> 我是 登录 组件 
            {/*  声明式导航 Link标签 通过to属性 设置跳转路径 */}
            <Link to="/article"> 去文章</Link>
            {/* 编程式导航 */}
            <button onClick={() => navigate('/article')}>跳转到文章页</button>
            <button onClick={() => navigate('/article?id=1001&name=jack')}>searchParams传参</button>
            <button onClick={() => navigate('/book/1001/jack')}>params传参</button>
        </div>
        
    )
}
export default Login